body .content {
  width: 180px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

body .content .sex {
  width: 100%;
  height: 36px;
  position: relative;
}

body .content .sex .male,
body .content .sex .female {
  height: 34px;
  float: left;
  width: 83px;
  border: 2px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  line-height: 34px;
  text-align: center;
}

body .content .sex .male:hover,
body .content .sex .female:hover {
  border: 2px solid #0095ff;
  background-color: #ddd;
  position: relative;
  z-index: 333;
}

body .content .sex .male input,
body .content .sex .female input {
  opacity: 0;
  position: absolute;
}

body .content .sex .male input[type="radio"]:checked,
body .content .sex .female input[type="radio"]:checked {
  background: red;
}

body .content .sex .active {
  background: url(../images/icon-right.png) no-repeat right bottom;
  z-index: 9999;
  border: 2px solid #0095ff;
}

body .content .sex .female {
  margin-left: 6px;
}

body .content .disable {
  margin-top: 10px;
  width: 176px;
  height: 32px;
  border: 2px solid #ccc;
  text-align: center;
  line-height: 34px;
  cursor: default;
  color: #ccc;
}

body .content .disable .disabled {
  opacity: 0;
  position: absolute;
  cursor: default;
}

body .content .active {
  background: url(../images/icon-right.png) no-repeat right bottom;
  z-index: 9999;
  border: 2px solid #0095ff;
}

body .content .checked {
  margin-top: 10px;
  height: 32px;
  width: 176px;
  text-align: center;
  line-height: 32px;
}

body .content .checked input {
  opacity: 0;
  position: absolute;
}

body .content .many .task1, body .content .many .task2, body .content .many .task3 {
  width: 176px;
  height: 32px;
  border: 2px solid #ccc;
  margin-top: 10px;
  text-align: center;
  line-height: 32px;
}

body .content .many .task1:hover, body .content .many .task2:hover, body .content .many .task3:hover {
  border: 2px solid #0095ff;
}

body .content .many input {
  opacity: 0;
  position: absolute;
}
